@mixin font-dpr($font-size){ 
	font-size: $font-size; 
	[data-dpr="2"] & { 
		font-size: $font-size * 2; 
	} 
	[data-dpr="3"] & { 
		font-size: $font-size * 3; 
	} 
}

@mixin img-dpr($width, $height){ 
	width: $width;
	height: $height; 
	[data-dpr="2"] & { 
		width: $width * 2;
		height: $height * 2; 
	} 
	[data-dpr="3"] & { 
		width: $width * 3;
		height: $height * 3; 
	} 
}
@mixin margin-dpr($width){ 
	margin-left: $width + 32px;
	[data-dpr="2"] & { 
		margin-left: $width * 2 + 32px;
	} 
	[data-dpr="3"] & { 
		margin-left: $width * 3 + 32px; 
	} 
}

@mixin keyframes($animationName) { 
	@keyframes #{$animationName} { 
		@content; 
	} 
}